<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>众方电话会议 - 首页</title>
		<link rel="SHORTCUT ICON" href="css/img/title.ico">
		<link rel="BOOKMARK" href="css/img/title.ico">
		<link rel="stylesheet" type="text/css" href="../bootstrap-3.1/css/bootstrap.css">
		<link rel="stylesheet" href="../font-awesome-4.0.3/css/font-awesome.min.css">
		<link rel="stylesheet" href="../bootstrap3.1/css/bootstrap-datetimepicker.min.css">
		<link rel="stylesheet" href="../rollbar/jquery.mCustomScrollbar.css">
		<link rel="stylesheet" type="text/css" href="../IconHoverEffects/css/component.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="css/main.css">
		<link rel="stylesheet" type="text/css" href="conf/css/confList.css">
		<link rel="stylesheet" type="text/css" href="bill/css/bill.css">
		<link rel="stylesheet" type="text/css" href="call/css/call.css">
		<link rel="stylesheet" type="text/css" href="help/help.css">
		<link rel="stylesheet" type="text/css" href="conf/css/confModal.css">
		
		<script type="text/javascript" src="../jquery/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" src="../jquery/jquery-ui.min.js"></script>
		<script type="text/javascript" src="../security/crypto2.js"></script>
		<script type="text/javascript" src="../jquery/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript" src="../bootstrap-3.1/js/bootstrap.js"></script>
		<script type="text/javascript" src="../bootstrap-3.1/js/bootstrap-paginator.js" charset="UTF-8"></script>
		<script type="text/javascript" src="../bootstrap-3.1/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
		<script type="text/javascript" src="../bootstrap-3.1/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
		
		<script type="text/javascript" src="../rollbar/jquery.mousewheel.min.js"></script>
		<script type="text/javascript" src="../rollbar/jquery.mCustomScrollbar.min.js"></script>
		<script src="../IconHoverEffects/js/modernizr.custom.js"></script>
		
		<script type="text/javascript" src="../flip/jquery.flip.js"></script>
		<script type="text/javascript" src="js/authority.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
		<script type="text/javascript" src="call/js/call.js"></script>
		<script type="text/javascript" src="conf/js/confList.js"></script>
		<script type="text/javascript" src="bill/js/bill.js"></script>
		<script type="text/javascript" src="help/help.js"></script>
		
		<!--[if lt IE 9]>
	      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
	      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	      <link rel="stylesheet" type="text/css" href="/lab/flip/flip_ie.css"/>
	    <![endif]-->
	</head>
	<body>
		<div class="wrap">
			<nav id="mian_nav" class="navbar navbar-default navbar-fixed-top"  role="navigation" style="z-index:10;height:70px;">
				<div class="container">
				</div>
			</nav>
			<nav id="mian_nav" class="navbar navbar-default navbar-fixed-top"  role="navigation" style="z-index:10;height:50px;">
				<div class="container">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<a class="navbar-brand" href="#pane_conf" data-toggle="tab"  style="background-image:url('css/img/logo.png');width:210px;margin-top:10px"></a>
					</div>
					
					<a id="btn_download" class="btn btn-success el-right" href="#pane_download" data-toggle="tab" style="float:right;padding:3px 10px;font-size:12px;margin-left:-99px">
				    	<i class="fa fa-desktop"></i> 下载桌面版
				    </a>
					<ul class="nav navbar-nav el-right" style="float:right;margin-top:25px">
				      <li>
					      <a id="tip_help" href="#div_help_wrap" data-toggle="tab" title="帮助" data-placement="bottom" style="padding:12px 18px;">
					      	<i class="fa fa-question-circle fa-lg"></i>
					      </a>
				      </li>
				      <li id="nav_set" class="dropdown">
						<a id="tip_set" href="#" class="dropdown-toggle" data-toggle="dropdown" title="设置" data-placement="bottom" style="padding:12px 18px;">
							<i class="fa fa-cog fa-lg"></i>
				        </a>
						<ul id="drop_info" class="dropdown-menu pull-right">
							<li id="pane_personalInfoTitle"><a href="#pane_personalInfo" data-toggle="tab">个人信息</a></li>
							<li id="pane_enterpriseInfoTitle"><a href="#pane_enterpriseInfo" data-toggle="tab">企业信息</a></li>
							<li><a href="#pane_changePassword" data-toggle="tab">修改密码</a></li>
							<li class="divider"></li>
							<li><a id="logOut" href="#">用户退出</a></li>
						</ul>
				      </li>
					</ul>
					
					<ul id="nav_menu" class="nav navbar-nav" style="float:right;">
						<li class="active">
							<a href="#pane_conf" data-toggle="tab" style="padding:10px 15px;margin-top: 21px;">
								<i class="fa fa-home fa-2x"></i> <span style="">会议管理</span>
							</a>
						</li>
						<li>
							<a href="#pane_callback" data-toggle="tab" style="padding:10px 15px;margin-top: 21px;">
								<i class="fa fa-phone fa-2x"></i> <span style="">呼叫管理</span>
							</a>
						</li>
						<li>
							<a href="#pane_bill" data-toggle="tab" style="padding:10px 15px;margin-top: 21px;">
								<i class="fa fa-file-text fa-2x"></i> <span style="">详单管理</span>
							</a>
						</li>
					</ul>
				</div>
			</nav>
			
			<div style="height:73px;width:100%"></div>
			<div class="tab-content">
				<div id="div_body_wrap" class="container tab-pane fade in active" style="min-width:970px">
					
					<!-- Left module -->
					<div id="div_right_wrap" style="float:left;width:250px;" role="contacts">
						<div id="div_zip" class="affix" style="width:10px;z-index:999;margin-left:240px;">
							<a href="javascript:void(0);" class="btn btn-warning">
								<i class="fa fa-caret-right"></i>
							</a>
						</div>
						<!-- Left fix div -->
						<div id="div_right" class="affix" style="width:240px;border: 1px solid #dddddd;overflow:hidden;">
							<!-- Heard -->
							<div class="row bg-primary" style="padding:10px;height:85px;">
								<div id="user_photo" class="col-4" role="photo">
									<img class="img-rounded " height="60" width="60" style="display:none;border:1px #ddd solid"/>
									<i class="fa fa-user fa-border fa-4x treeItemHeard" style="text-indent:-5px;line-height:45px;height:65px;width:65px;"></i>
								</div>
								<div class="col-8" role="info">
									<div class="row">
										<div class="col-12" role="info" >
											<span id="stuffItemName" style="font-size:16px"></span>
										</div>
									</div>
									<div class="row">
										<div class="col-12" role="info">
											<span id="stuffPhone"></span>
										</div>
									</div>
									<div class="row">
										<div class="col-12" role="info">
											<i id="tip_balance" class="fa fa-rmb fa-1x btn btn-warning circle" style="width:20px;height:20px;padding:3px;color:#fff;border-color:#fff" data-title="余额查询" data-placement="bottom"></i>
										</div>
									</div>
								</div>
							</div><!-- Heard -->
							
							<!-- Menu -->
							<nav class="navbar navbar-default navbar-static-top" style="margin:0px;padding:0px;min-height:0px;background-color:#428bca"  role="navigation">
								<ul id="nav_rightMenu" class="nav nav-pills nav-justified">
									<li id="tip_contacts" title="通讯录" name="0" class="active" data-placement="bottom">
										<a href="#pane_contacts" data-toggle="tab">
											<i class="fa fa-book fa-lg"></i>
										</a>
									</li>
									<li id="tip_call" title="呼叫" name="1" data-placement="bottom">
										<a href="#pane_call" data-toggle="tab" style="border-left:1px solid rgb(89,148,188);border-right:1px solid rgb(89,148,188);">
											<i class="fa fa-phone fa-lg"></i>
										</a>
									</li>
									<li id="tip_callRecords" title="呼叫记录" name="2" data-placement="bottom">
										<a href="#pane_callRecords" data-toggle="tab">
											<i class="fa fa-clock-o fa-lg"></i>
										</a>
									</li>
								</ul><!-- Menu -->
							</nav>
							<!-- Slide Div -->
							<div style="width:238px;overflow:hidden;">
								<div id="content_right" class="tab-content move in">
								
									<!-- Contacts module -->
									<div id="pane_contacts" class="tab-pane slidePane active">
										<!-- search div -->
										<div class="input-group">
											<input id="user_search" type="text" class="form-control" placeholder="搜索：姓名、手机号" style="border-right: none">
											<span id="btn_user_search" class="input-group-addon" style="background-color: transparent;border-left:none">
												<i class="fa fa-search"></i>
											</span>
											<span id="btn_user_search_close" class="input-group-addon" style="background-color: transparent;border-left:none;display:none ">
												<i class="fa fa-times ico-button"></i>
											</span>
										</div><!-- search div -->
										
										<div style="padding:0px 5px;position: relative;height:30px;line-height:30px; background-color:#e2e2e2;border-bottom:1px #ddd solid;">
											<div id="nav_contactsMenu" class="el-left">
												<!-- <a id="tip_orgUser" href="#pane_orgUser" class="popover top btn active" title="企业通讯录" data-toggle="tab" data-placement="bottom">
													<div class="arrow"></div>
													<div class="popover-content">
														<i class="fa fa-users"></i>
													</div>
												</a>
												<a id="tip_contactUser"  href="#pane_contactUser" class="popover top btn" title="个人通讯录" data-toggle="tab" data-placement="bottom">
													<div class="arrow"></div>
													<div class="popover-content">
														<i class="fa fa-user" ></i>
													</div>
												</a> -->
												<a id="tip_orgUser" href="#pane_orgUser" class="popover btn circle active" title="企业通讯录" data-toggle="tab" data-placement="bottom">
													<i class="fa fa-users fa-lg"></i>
												</a>
												<a id="tip_contactUser"  href="#pane_contactUser" class="popover btn circle" title="个人通讯录" data-toggle="tab" data-placement="bottom">
													<i class="fa fa-user fa-lg" ></i>
												</a>
											</div>
											
											<div class="el-right">
												<i id="tip_refresh_contact" class="glyphicon glyphicon-refresh ico-button" title="刷新通讯录" data-placement="bottom"></i>&nbsp;
												<i id="tip_cogContact" class="glyphicon glyphicon-cog ico-button" title="管理通讯录" data-placement="bottom"></i>
											</div>
										</div>
										
										<div id="content_contacts" class="tab-content">
											<div id="pane_orgUser" class="tab-pane active">
												<div id="treeview_orgUser"></div>
											</div>
											<div id="pane_contactUser" class="tab-pane">
												<div id="treeview_contactUser"></div>
											</div>
										</div>
									</div><!-- Contacts module -->
									
									<!-- Call module -->
									<div id="pane_call" class="tab-pane">
									
										<div id="div_callPanel" style="display:block">
											<!-- number div -->
											<div class="input-group">
												<input id="text_callNumber" type="text" class="form-control" placeholder="手机、固话(区号+号码)、TT"/>
												
												<span class="input-group-btn">
													<button id="tip_addContact" class="btn btn-default"  title="添加为联系人" data-placement="bottom">
														<i class="fa fa-plus"></i>
													</button>
												</span>
												
											</div><!-- number div -->
											<div id="div_addContact" class="form-group well" style="margin:0px;overflow: hidden;min-height:0px;border:none;height:0px;padding:0px;">
												<div>
													<label for="contact_mobile">手机</label>
													<input class="form-control" id="contact_mobile" placeholder="手机">
												</div>
												<div>
													<label for="contact_telephone">固话</label>
													<input class="form-control" id="contact_telephone" placeholder="固话(区号+号码)">
												</div>
												<div>
													<label for="contact_tt">TT号</label>
													<input class="form-control" id="contact_tt" placeholder="TT号">
												</div>
												<div>
													<label for="contact_name">备注名</label>
													<input class="form-control" id="contact_name" placeholder="备注名">
												</div>
												<label>&nbsp;</label>
												<div class="btn-group" >
													<button id="contact_group" type="button" style="width:198px" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
														选择分组
														<span class="caret"></span>
													</button>
													<ul class="dropdown-menu" style="width:198px">
													</ul>
												</div>
												<div>
													<label>&nbsp;</label>
													<button type="submit" class="btn btn-success form-control">添加</button>
												</div>
											</div>
											<div id="div_keyboard" class="keyboard">
												<div class="row">
													<div class="col-4"><button class="btn btn-default btn-number">1</button></div>
													<div class="col-4 table-border"><button class="btn btn-default btn-number">2</button></div>
													<div class="col-4"><button class="btn btn-default btn-number">3</button></div>
												</div>
												<div class="row">
													<div class="col-4"><button class="btn btn-default btn-number">4</button></div>
													<div class="col-4 table-border"><button class="btn btn-default btn-number">5</button></div>
													<div class="col-4"><button class="btn btn-default btn-number">6</button></div>
												</div>
												<div class="row">
													<div class="col-4"><button class="btn btn-default btn-number">7</button></div>
													<div class="col-4 table-border"><button class="btn btn-default btn-number">8</button></div>
													<div class="col-4"><button class="btn btn-default btn-number">9</button></div>
												</div>
												<div class="row">
													<div class="col-4"><button class="btn btn-default btn-number">*</button></div>
													<div class="col-4 table-border"><button class="btn btn-default btn-number">0</button></div>
													<div class="col-4"><button class="btn btn-default btn-number">#</button></div>
												</div>
												<div class="row">
													<div class="col-2">
														<button name="tip_" class="btn btn-warning" onclick="rightNavMove(0)" title="通讯录" data-placement="bottom">
															<i class="fa fa-book fa-lg"></i>
														</button>
													</div>
													<div class="col-8">
														<button id="btn_callNumber" class="btn btn-success">
															<i class="fa fa-phone fa-lg"></i>
															呼叫
														</button>
													</div>
													<div class="col-2">
														<button id="btn_delNumber" class="btn btn-warning">
															<i class="fa fa-arrow-left fa-lg"></i>
														</button>
													</div>
												</div>
											</div>
										</div>
										<div id="div_callStatusPanel"  style="text-align:center;padding:20px 0px;display:none">
											<div style="background-color:#fefefe;width:100%;height:100%">
												<div>
													<div style="width:80px;height:80px;position:relative;">
														<img id="img_bcall" class="img-rounded" width="80" height="80" style="display: none"/>
														<i id="iuser_bcall" class="fa fa-user fa-5x fa-border treeItemHeard" style="width:80px;height:80px;text-indent:-8px;line-height:45px;"></i>
														<i id="bcall" class="fa fa-meh-o fa-lg fa-callStatus"></i>
													</div>
													<div id="bcallNum"></div>
												</div>
												
												<div style="height:184px;">
													<div style="height:67px">
														<div id="div_bcalling">
															<i name="bcall_3" class="fa fa-angle-double-up fa-2x call-hide"></i><br/>
															<i name="bcall_2" class="fa fa-angle-double-up fa-lg call-hide"></i><br/>
															<i name="bcall_1" class="fa fa-angle-double-up  call-hide"></i>
														</div>
														<div id="div_bcallConnect" style="height:67px;width:2px;background-color:#5cb85c;display:none"></div>
													</div>
													<div style="height:50px;">
														<i id="i_calling" class="fa fa-phone fa-4x" style="color:#666"></i>
														<i id="i_callConnect" class="fa fa-globe fa-4x call-success" style="display:none"></i>
													</div>
													<div style="height:67px">
														<div id="div_acalling">
															<i name="acall_1" class="fa fa-angle-double-down call-hide"></i><br/>
															<i name="acall_2" class="fa fa-angle-double-down fa-lg call-hide"></i><br/>
															<i name="acall_3" class="fa fa-angle-double-down fa-2x call-hide"></i>
														</div>
														<div id="div_acallConnect" style="height:67px;width:2px;background-color:#5cb85c;display:none"></div>
													</div>
												</div>
												
												<div>
													<div style="width:80px;height:80px;position:relative;">
														<img id="img_acall" class="img-rounded" width="80" height="80" style="display:none"/>
														<i id="iuser_acall" class="fa fa-user fa-5x fa-border treeItemHeard" style="width:80px;height:80px;text-indent:-8px;line-height:45px;"></i>
														<i id="acall" class="fa fa-meh-o fa-lg fa-callStatus"></i>
													</div>
													<div id="acallNum"></div>
												</div>
												<div id="callProStatus" class="alert alert-info" style="bottom:0px">
													呼叫状态:
												</div>
												<div style="width:80px;height:80px;text-align:center;">
													<button id="handPhone" class="btn btn-danger circle" style="outline:none;height:50px;width:50px">
														<i class="fa fa-phone fa-lg fa-rotate-136"  style="font-size:20px;"></i>
													</button>		
									          </div>
											</div>
										</div>
									</div><!-- Call module -->
									
									<!-- CallRecords module -->
									<div id="pane_callRecords" class="tab-pane">
										<div id="div_callRecords" class="tree-list-group treeview">
											<div class="well text-center">暂时没有呼叫记录</div>
											<div class="panel panel-default active">
											<div class="listview">
												<table id="ul_callRecords" class="table table-hover listBody">
													<!-- <tr>
														<td class="list-group-item recordActive">
															<img class='img-rounded' height='20' width='20'/>
														<i class='fa fa-user fa-lg fa-border treeItemHeard'></i>
														<div class="recordTime">
															10:43
														</div>
														<div class="el-right">
															<button class="btn btn-warning circle">
																<i class="fa fa-phone fa-lg"></i>
															</button>
														</div>
														<div class="recordInfo">
															<p>Item<p/>
															<p>15220093252</p>
														</div>
														</td>
													</tr> -->
												</table>
											</div>
											</div>
										</div>
									</div><!-- CallRecords module -->
									
								</div>
							</div><!-- Slide Div -->
							
						</div><!-- Left fix div -->
					</div><!-- Left module -->
					
					
					
					<!-- Main module -->
					<div id="div_main_wrap" style="width:auto;margin:0px 0px 0px 242px;" role="main">
						<div class="tab-content">
							<!-- Conf module -->
							<div class="tab-pane fade in active" id="pane_conf">
								<div id="confModule" class="tab-content">
									<div class="tab-pane fade in active" id="pane_confList">
										<div id="conferenceListPanle" class="conferenceListDiv">
											<!-- <ul class="confListDiv" id="conferenceList"></ul> -->
											<div id="set-1" class="hi-icon-wrap hi-icon-effect-1 hi-icon-effect-1a">
												<div style="width:690px;">
													<div class="fl instantConference">
														<a href="#pane_addConf" data-toggle="tab" class="hi-icon addConf" value="0"><i class="fa fa-users fa-button"></i></a>
														<div style="color:#fff">
															<span style="font-size:20px;">即时会议</span>
															<br/>
															<span>无需预约,一键入会,快捷高效</span>
														</div>
													</div>
													<div class="fl reservedConference">
														<a href="#pane_addConf" data-toggle="tab" class="hi-icon addConf" value="1"><i class="fa fa-clock-o fa-button"></i></a>
														<div style="color:#fff">
															<span style="font-size:20px;">预约会议</span>
															<br/>
															<span>提前预约,支持邮件和短信通知</span>
														</div>
													</div>
													<div class="fl callBack">
														<a href="#pane_callback" data-toggle="tab" class="hi-icon"><i class="fa fa-phone fa-button"></i></a>
														<div style="color:#fff">
															<span style="font-size:20px;">呼叫</span>
															<br/>
															<span>一键拨打电话</span>
														</div>
													</div>
												</div>
											</div>
											<div style="margin-top:5px;" class="bs-callout bs-callout-info">
												<h4>会议列表</h4>
												<!-- <ol class="breadcrumb header_breadcrumb">
												  <li class="active">会议列表</li>
												</ol> -->
											</div>
											<div id="conferenceList" style="text-align:center;width:100%;">
												<!-- <div class="meet_list">
													<div class="meet_list_vip fl">
														<div class="thumbnail tile" style="width:80px;height:80px;margin-left:5px;cursor:default;">
															<div>
															  	<i class="fa fa-home fa-6x fa-inverse"></i>
																<i class="fa fa-clock-o fa-stack-2x confClock"></i>
															</div>
													 	</div>		
													</div>
													<div class="meet_list_message fl">
											            <ul style="padding-left:10px;">
											             <li class="dis_b" style="font-size:25px;">XXX的会议室</li>
											             <li>会议编号:89757 &nbsp;&nbsp;</li>
											             <li>创建者:众方云开&nbsp;&nbsp;</li>
											             <li>会议时长:60分钟&nbsp;&nbsp;</li>
											             <li class="dis_b">会议时间:2013-12-21 15:25</li>
											            </ul>
											       </div>
											       <div class="meet_list_btn fl">
											           <div class="fl" style="margin-right:20px;"><a href="#" class="button button-flat-highlight">进入会议</a></div>
											           <div class="fl"><a href="#" class="button button-flat-action">删除会议</a></div>
											       </div>
												</div>
												
												<div class="meet_list">
													<div class="meet_list_vip fl">
														<div class="thumbnail tile" style="width:80px;height:80px;margin-left:5px;cursor:default;">
															<div>
															  	<i class="fa fa-home fa-6x fa-inverse"></i>
															</div>
													 	</div>		
													</div>
													<div class="meet_list_message fl">
											            <ul style="padding-left:10px;">
											             <li class="dis_b" style="font-size:25px;">XXX的会议室</li>
											             <li>会议编号:89757 &nbsp;&nbsp;</li>
											             <li>创建者:众方云开&nbsp;&nbsp;</li>
											             <li>会议时长:60分钟&nbsp;&nbsp;</li>
											             <li class="dis_b">会议时间:2013-12-21 15:25</li>
											            </ul>
											       </div>
											       <div class="meet_list_btn fl">
											           <div class="fl" style="margin-right:20px;"><a href="#" class="button button-flat-highlight">进入会议</a></div>
											           <div class="fl"><a href="#" class="button button-flat-action">删除会议</a></div>
											       </div>
												</div>
												
												<div class="meet_list">
													<div class="meet_list_vip fl">
														<div class="thumbnail tile" style="width:80px;height:80px;margin-left:5px;cursor:default;">
															<div>
															  	<i class="fa fa-home fa-6x fa-inverse"></i>
															</div>
													 	</div>		
													</div>
													<div class="meet_list_message fl">
											            <ul style="padding-left:10px;">
											             <li class="dis_b" style="font-size:25px;">XXX的会议室</li>
											             <li>会议编号:89757 &nbsp;&nbsp;</li>
											             <li>创建者:众方云开&nbsp;&nbsp;</li>
											             <li>会议时长:60分钟&nbsp;&nbsp;</li>
											             <li class="dis_b">会议时间:2013-12-21 15:25</li>
											            </ul>
											       </div>
											       <div class="meet_list_btn fl">
											           <div class="fl" style="margin-right:20px;"><a href="#" class="button button-flat-highlight">进入会议</a></div>
											           <div class="fl"><a href="#" class="button button-flat-action">删除会议</a></div>
											       </div>
												</div> -->
											</div>
										</div>
									</div>
									
									<div class="tab-pane fade" id="pane_addConf">
										<div class="bs-callout bs-callout-info">
											  	<button class='btn btn-info circle confBackArrowColor' title='返回' style="outline:none">
													<i class='fa fa-arrow-left fa-lg'></i>
												</button>
												<h4>创建会议</h4>
												<!-- <span class="confBackArrowFont">&nbsp;&nbsp;创建会议</span> -->
										  <!-- <i class="fa fa-arrow-circle-o-left fa-inverse fa-2x confBackArrowColor"></i> -->
										</div>
										<form class="form-horizontal" role="addConfForm" id="addConfForm">
											<div class="addConfLineDiv clearfix" role="line">
												<h3>&nbsp;会议基本信息&nbsp;</h3>
												<i class="head-line"></i>
											</div>
											
											<table>
												<tr height="50px">
													<td align="right" width="150px"><label>会议主题:</label></td>
													<td><input type="text" class="form-control" style="width:250px;" maxlength="20" id="confTitle" value="新会议" placeholder="会议主题"></td>
												</tr>
												<tr height="50px">
													<td align="right"><label for="inputTitle">会议时长:</label></td>
													<td><div style="height:34px;">
															<div style="float:left;"><input id="confLengthTime" type="text" class="form-control" value="60"></div>
														    <div class="input-group-btn" style="height:34px;">
														      <button id="confLengthTimeAdd" type="button" class="btn btn-default" style="height:17px;float:left;padding:0px 12px;line-height:17px;"><span class="caret" style="border-top:0;border-bottom:4px solid;"></span></button>
														      <button id="confLengthTimeMinus" type="button" class="btn btn-default" style="float:left;height:17px;border-top:0;clear:left;padding:0px 12px;line-height:17px;"><span class="caret"></span></button>
														    </div>
													    </div>
												    </td>
												</tr>
												<tr>
													<td></td>
													<td>
														<div style="position:relative;margin-bottom:5px;margin-top:2px;">
															<label><input type="checkbox" id="isSelfParticipate" style="position:absolute;top:-1px;"><span style="cursor:pointer;">&nbsp;&nbsp;&nbsp;&nbsp;本人加入会议</span></label>
														</div>
													</td>
												</tr>
												<tr>
													<td></td>
													<td><div style="position:relative;">
												        <label><input type="checkbox" id="isReserveConference" style="position:absolute;top:-1px;"><span style="cursor:pointer;">&nbsp;&nbsp;&nbsp;&nbsp;预约会议</span></label>
											      		</div>
											      </td>
												</tr>
												<tr id="conferenceTimeTr" height="50px">
													<td align="right"><label for="conferenceTime">会议开始时间:</label></td>
													<td align="left"><div class="input-group date form_datetime"  data-date-format="yyyy-mm-dd HH:ii p" data-link-field="conferenceTime" style="margin-left:0px;margin-right:0px;width:250px;">
									                    <input class="form-control" id="conferenceTime" size="25" type="text" value="" readonly>
									                    <span class="input-group-addon" style="border-left:0px;display:none;"><span class="glyphicon glyphicon-remove"></span></span>
														<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
									              		</div>
									                </td>
												</tr>
											</table>
											<div class="addConfLineDiv clearfix" role="line">
												<h3>&nbsp;参会人信息(已选择<span id="participantsCountSum">0</span>人)&nbsp;</h3>
												<i class="head-line"></i>
											</div>
											<table>
												<tr>
													<td align="right" width="150px"><label for="inputPhone" class="control-label">临时参会号码:</label></td>
													<td><div id="text_confPhone" class="input-group" style="width:250px;">
														<input type="text" class="form-control" id="confPhone" placeholder="临时参会号码">
														<span class="input-group-addon btn btn-default" id="addParticipants">
															<i class="fa fa-plus"></i>
														</span>
														</div>
													</td>
												</tr>
											</table>
											<br/>
											<div id="participantsDiv" style="width:60%;margin-left:25%"></div>
											<br/>
											<div style="margin-left:42%">
												<button type="button" id="btn_callConference" class="btn btn-success btn-md transition-color" style="width:150px;"><i class="fa fa-phone fa-lg"></i>&nbsp;发起会议</button>
											</div>
										</form>
									</div>
								</div>					
							</div><!-- Conf module -->
							
							<!-- Call module -->
							<div class="tab-pane fade" id="pane_callback">
								<div id="div_callModule">
									<div class="bs-callout bs-callout-info">
										<h4>呼叫</h4>
										<!-- <span class="confBackArrowFont">&nbsp;&nbsp;呼叫</span> -->
									</div>
								
									<div style="float:left;width:400px;height:100%;padding:0px 50px">
										<div class="breadcrumb header_breadcrumbBack" style="background-color:transparent;">
										</div>
										<div class="btn-success" style="height:60px;line-height:60px;text-align:center;">
											<div id="div_callnumber" style="padding-left:7px; float:left;font-weight:bold;font-size:25px;width:260px;overflow:hidden;"></div> 
											<button id="btn_delNumber2" class="btn btn-warning circle" title="删除" style="height:35px;width:35px;outline:none;display:none">
												<i class="fa fa-arrow-left fa-lg"></i>
											</button>
										</div>
										<div id="div_keyboard2" class="keyboard">
											<div class="row">
												<div class="col-4 table-border table-border-top"><button class="btn btn-default btn-number">1</button></div>
												<div class="col-4 table-border-top"><button class="btn btn-default btn-number">2</button></div>
												<div class="col-4 table-border table-border-top"><button class="btn btn-default btn-number">3</button></div>
											</div>
											<div class="row">
												<div class="col-4 table-border"><button class="btn btn-default btn-number">4</button></div>
												<div class="col-4"><button class="btn btn-default btn-number">5</button></div>
												<div class="col-4 table-border"><button class="btn btn-default btn-number">6</button></div>
											</div>
											<div class="row">
												<div class="col-4 table-border"><button class="btn btn-default btn-number">7</button></div>
												<div class="col-4"><button class="btn btn-default btn-number">8</button></div>
												<div class="col-4 table-border"><button class="btn btn-default btn-number">9</button></div>
											</div>
											<div class="row">
												<div class="col-4 table-border"><button class="btn btn-default btn-number">*</button></div>
												<div class="col-4"><button class="btn btn-default btn-number">0</button></div>
												<div class="col-4 table-border"><button class="btn btn-default btn-number">#</button></div>
											</div>
											<div class="row" style="border: none">
												<div class="col-12" style="text-align:center;">
													<button id="btn_callNumber2" style="outline:none;height:50px;width:50px" class="btn btn-success circle">
														<i class="fa fa-phone fa-lg"></i>
													</button>
													<!-- <button style="outline:none;height:50px;width:50px" class="btn btn-success circle">
														<i class="fa fa-phone fa-lg"></i>
													</button> -->
												</div>
											</div>
										</div>
									</div>
									<div style="width:auto;margin:0px 0px 0px 400px;height:100%;">
										<div class="breadcrumb header_breadcrumbBack" style="background-color:transparent;">
											<span class="confBackArrowFont" style="color:#222">本月通话记录</span>
										</div>
										<div id="list_callrecords"></div>
										<div id="page_callrecords"></div>
									</div>
								</div>
								<div id="div_callStateModule">
									<div id="div_bcall2" style="width:120px;height:120px;">
										<img id="img_bcall2" class="img-rounded" width="120" height="120" style="display: none"/>
										<i id="iuser_bcall2" class="fa fa-user fa-border treeItemHeard" style="font-size:80px; width:100%;height:100%;"></i>
									</div>
									<div id="bcallNum2"></div>
									<div id="callProStatus2">
										呼叫状态:-
									</div>
									<div id="div_callLoading" class="loading">
										<i id="loading5" class="fa fa-circle"></i>
										<i id="loading4" class="fa fa-circle"></i>
										<i id="loading3" class="fa fa-circle"></i>
										<i id="loading2" class="fa fa-circle"></i>
										<i id="loading1" class="fa fa-circle"></i>
									</div>
									<div id="div_acall2" style="width:120px;">
										<img id="img_acall2" class="img-rounded" width="120" height="120" style="display:none"/>
										<i id="iuser_acall2" class="fa fa-user fa-border treeItemHeard" style="font-size:80px; width:120px;height:120px;"></i>
									</div>
									<div id="acallNum2"></div>
									<div style="width:120px;text-align:center;margin-top:60px;">
										<button id="div_handPhone" class="btn btn-danger circle" style="outline:none;height:70px;width:70px">
											<i class="fa fa-phone fa-2x fa-rotate-136"></i>
									    </button>		
									</div>
								</div>
							</div>
							<!-- Call module -->
									
							<!-- Bill module -->
							<div class="tab-pane fade" id="pane_bill">
								<div id="billListBreadcrumb" class="bs-callout bs-callout-info">
									<h4>账单详情</h4>
									<!-- <ol class="breadcrumb header_breadcrumb breadcrumbNoHref">
									  <li id="firstBillTitle"><a>账单详情</a></li>
									  <li><a id="secondBillTitle">个人清单</a></li>
									  <li id="thirdBillTitle" class="active">呼叫清单</li>
									</ol> -->
								</div>
								<div id="bill">
									<div class="tabbable tabs-left" style="width:35px;float:left;">
										<ul id="billTab" class="nav nav-pills">
											<li class="active"><a href="#personalBill" id="personalBillTitle" data-toggle="tab" style="width:35px;padding:10px"><i class="fa fa-user"></i><br/>个<br/>人<br/>清<br/>单</a></li>
											<li id="enterpriseBillLi" style="margin-left:0px;"><a href="#enterpriseBill"  id="enterpriseBillTitle" data-toggle="tab" style="width:35px;padding:10px"><i class="fa fa-users"></i><br/>企<br/>业<br/>清<br/>单</a></li>
										</ul>
									</div>
									  
								    <div id="billTabContent" class="tab-content" style="width:auto;margin:0px 0px 0px 40px;">
								    	<!-- personal bill module -->
										<div class="tab-pane fade in active" id="personalBill">
										    <ul id="personalBillTab" class="nav nav-tabs">
										        <!-- <li class="active"><a href="#personalSmsBill" data-toggle="tab" data-menu2="#personalBillTitle"><i class="fa fa-file-text"></i>&nbsp;短信清单</a></li>
										        <li><a href="#personalFaxBill" data-toggle="tab" data-menu2="#personalBillTitle"><i class="fa fa-file-text"></i>&nbsp;传真清单</a></li> -->
										        <li class="active"><a href="#personalCallBill" data-toggle="tab" data-menu2="#personalBillTitle"><i class="fa fa-file-text"></i>&nbsp;呼叫清单</a></li>
										        <li><a href="#personalConfBill" data-toggle="tab" data-menu2="#personalBillTitle"><i class="fa fa-file-text"></i>&nbsp;会议清单</a></li>
										    </ul>
										    <div id="personalBillTabContent" class="tab-content">
										        	<!-- <div class="tab-pane fade in active" id="personalSmsBill">
										      		<div class="searchPanel">
														<div style="float:left;"><span>&nbsp;&nbsp;&nbsp;开始时间&nbsp;&nbsp;</span></div>
														<div style="float:left;">
											                <div class="input-group date form_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:125px;float:left;">
											                    <input id="personalSmsBillStartDate" class="form-control input-sm" type="text" value="" readonly>
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											                </div>
											                <div style="float:left;"><span>&nbsp;&nbsp;&nbsp;结束时间&nbsp;&nbsp;</span></div>
											                <div class="input-group date form_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:125px;float:left;">
											                    <input id="personalSmsBillEndDate" class="form-control input-sm" type="text" value="" readonly>
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											                </div>
											            </div>
											            <div style="float:left;">
										                	<span>&nbsp;&nbsp;&nbsp;</span><button id="personalSmsBillQuery" class="btn btn-default btn-sm" style="width:70px;height:33px;"><i class="fa fa-search fa-lg"></i>&nbsp;查询&nbsp;</button>
										                	<span>&nbsp;&nbsp;</span><button id="personalSmsBillDown" class="btn btn-default btn-sm" style="width:100px;height:30px;margin-top:-3px"><i class="fa fa-download fa-lg"></i>&nbsp;批量下载</button>
										                </div>
										                <div class="moreCondition"><span style="font-size:10px">更多</span><i class="fa fa-angle-down"></i></div>
										      			<div class="moreConditionDiv">
											      			<div style="height:33px"><span>&nbsp;&nbsp;&nbsp;发送状态&nbsp;</span>
											      				<select id="personalSmsBillState" style="width:125px;border-radius:0;height:33px">
																    <option selected="selected" value="">所有类型</option>
																    <option value="0">等待发送</option>
																    <option value="1">发送中</option>
																    <option value="2">任务结束</option>
																</select>
															</div>
														</div>
										      		</div>
													<div id="personalSmsBillDiv"></div>
													<div id="personalSmsPagination"></div>
										        </div>
										        <div class="tab-pane fade" id="personalFaxBill">
										        	<div class="searchPanel">
														<div style="float:left;"><span>&nbsp;&nbsp;&nbsp;开始时间&nbsp;&nbsp;</span></div>
														<div style="float:left;">
											                <div class="input-group date form_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:125px;float:left;">
											                    <input id="personalFaxBillStartDate" class="form-control input-sm" type="text" value="" readonly>
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											                </div>
											                <div style="float:left;"><span>&nbsp;&nbsp;&nbsp;结束时间&nbsp;&nbsp;</span></div>
											                <div class="input-group date form_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:125px;float:left;">
											                    <input id="personalFaxBillEndDate" class="form-control input-sm" type="text" value="" readonly>
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											                </div>
											            </div>
											            <div style="float:left;">
										                	<span>&nbsp;&nbsp;&nbsp;</span><button id="personalFaxBillQuery" class="btn btn-default btn-sm" style="width:70px;height:33px;"><i class="fa fa-search fa-lg"></i>&nbsp;查询&nbsp;</button>
										                	<span>&nbsp;&nbsp;</span><button id="personalFaxBillDown" class="btn btn-default btn-sm" style="width:100px;height:30px;margin-top:-3px"><i class="fa fa-download fa-lg"></i>&nbsp;批量下载</button>
										                </div>
										                <div class="moreCondition"><span style="font-size:10px">更多</span><i class="fa fa-angle-down"></i></div>
										      			<div class="moreConditionDiv">
											      			<div style="height:33px"><span>&nbsp;&nbsp;&nbsp;发送状态&nbsp;</span>
											      				<select id="personalFaxBillState" style="width:125px;border-radius:0;height:33px">
																    <option selected="selected" value="">所有类型</option>
																    <option value="0">等待发送</option>
																    <option value="1">发送中</option>
																    <option value="2">任务结束</option>
																</select>
															</div>
														</div>
										      		</div>
													<div id="personalFaxBillDiv"></div>
													<div id="personalFaxPagination"></div>
										        </div> -->
										        <div class="tab-pane fade in active" id="personalCallBill">
										        	<div class="searchPanel">
										        		<div style="float:left;">
															<div style="float:left;"><span>&nbsp;&nbsp;&nbsp;开始时间&nbsp;&nbsp;</span></div>
											                <div class="input-group date form_date firefox_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:125px;">
											                    <input id="personalCallBillStartDate" class="form-control input-sm" type="text" value="" readonly="readonly"/>
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											                </div>
											            </div>
														<div style="float:left;">
											                <div style="float:left;"><span>&nbsp;&nbsp;&nbsp;结束时间&nbsp;&nbsp;</span></div>
											                <div class="input-group date form_date firefox_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:125px;">
											                    <input id="personalCallBillEndDate" class="form-control input-sm" type="text" value="" readonly="readonly"/>
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											                </div>
											            </div>
											            <div style="float:left;">
										                	<span>&nbsp;&nbsp;&nbsp;</span><button id="personalCallBillQuery" class="btn btn-default btn-sm" style="width:70px;height:33px;"><i class="fa fa-search fa-lg"></i>&nbsp;查询&nbsp;</button>
															<div class="btn-group">
																<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="width:111px;height:33px;">
																      <i class="fa fa-download fa-lg"></i>&nbsp;批量下载
																<span class="caret"></span>
																</button>
																<ul class="dropdown-menu">
																	<li><a href="#" class="personalCallBillDown" value="txt" style="width:109px;">txt格式下载</a></li>
																	<li><a href="#" class="personalCallBillDown" value="xls" style="width:109px;">xls格式下载</a></li>
																</ul>
															</div>
										                </div>
										                <div class="moreCondition"><span style="font-size:10px">更多</span><i class="fa fa-angle-down"></i></div>
										      			<div class="moreConditionDiv">
										      				<span>&nbsp;&nbsp;&nbsp;清单类型&nbsp;</span>
										      				<div class="btn-group stateClass">
																<button id="personalCallBillState" type="button" style="width:125px" class="btn btn-default dropdown-toggle form-control" data-toggle="dropdown" name="">
																	所有类型
																<span class="caret"></span>
																</button>
																<ul class="dropdown-menu">
																	<li name=""><a href="#" style="width:125px;">所有类型</a></li>
																	<li name="0"><a href="#" style="width:125px;">免费清单</a></li>
																	<li name="2"><a href="#" style="width:125px;">流量清单</a></li>
																</ul>
															</div>
										      				<span>&nbsp;&nbsp;主叫号码&nbsp;</span>
										      				<input type="text" id="personalCallBillCaller" class="form-control" style="width:125px">
															<span>&nbsp;&nbsp;被叫号码&nbsp;</span>
										      				<input type="text" id="personalCallBillReceiver" class="form-control" style="width:125px">
														</div>
										      		</div>
													<div id="personalCallBillDiv" class="billDivPanle"></div>
													<div id="personalCallPagination"></div>
										        </div>
										        <div class="tab-pane fade" id="personalConfBill">
										        	<div class="searchPanel">
										        		<div style="float:left;">
															<div style="float:left;"><span>&nbsp;&nbsp;&nbsp;开始时间&nbsp;&nbsp;</span></div>
											                <div class="input-group date form_date firefox_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:125px;">
											                    <input id="personalConfBillStartDate" class="form-control input-sm" type="text" value="" readonly="readonly"/>
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											                </div>
											            </div>
														<div style="float:left;">
											                <div style="float:left;"><span>&nbsp;&nbsp;&nbsp;结束时间&nbsp;&nbsp;</span></div>
											                <div class="input-group date form_date firefox_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:125px;">
											                    <input id="personalConfBillEndDate" class="form-control input-sm" type="text" value="" readonly="readonly"/>
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											                </div>
											            </div>
											            <div style="float:left;">
										                	<span>&nbsp;&nbsp;&nbsp;</span><button id="personalConfBillQuery" class="btn btn-default btn-sm" style="width:70px;height:33px;"><i class="fa fa-search fa-lg"></i>&nbsp;查询&nbsp;</button>
										                	<div class="btn-group">
																<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="width:111px;height:33px;">
																      <i class="fa fa-download fa-lg"></i>&nbsp;批量下载
																<span class="caret"></span>
																</button>
																<ul class="dropdown-menu">
																	<li><a href="#" class="personalConfBillDown" value="txt" style="width:109px;">txt格式下载</a></li>
																	<li><a href="#" class="personalConfBillDown" value="xls" style="width:109px;">xls格式下载</a></li>
																</ul>
															</div>
										                </div>
										                <div class="moreCondition"><span style="font-size:10px">更多</span><i class="fa fa-angle-down"></i></div>
										      			<div class="moreConditionDiv">
										      				<span>&nbsp;&nbsp;&nbsp;会议类型&nbsp;</span>
										      				<div class="btn-group stateClass">
																<button id="personalConfType" type="button" style="width:125px" class="btn btn-default dropdown-toggle form-control" data-toggle="dropdown" name="">
																	所有类型
																<span class="caret"></span>
																</button>
																<ul class="dropdown-menu">
																	<li name=""><a href="#" style="width:125px;">所有类型</a></li>
																	<li name="1"><a href="#" style="width:125px;">语音会议</a></li>
																	<li name="2"><a href="#" style="width:125px;">视频会议</a></li>
																</ul>
															</div>
															<!-- <span>&nbsp;&nbsp;手机号码&nbsp;</span>
										      				<input type="text" id="personalConfBillMobilenum" class="form-control" style="width:125px"> -->
										      				<span>&nbsp;&nbsp;会议编号&nbsp;</span>
										      				<input type="text" id="personalConfId" class="form-control" style="width:125px">
														</div>
										      		</div>
													<div id="personalConfBillDiv" class="billDivPanle"></div>
													<div id="personalConfPagination"></div>
										        </div>
										    </div>
										</div><!-- end personal bill module -->
								    
								    	<!-- enterprise bill module -->
										<div class="tab-pane fade" id="enterpriseBill">
											<ul id="enterpriseBillTab" class="nav nav-tabs">
												<!-- <li class="active"><a href="#enterpriseSmsBill" data-toggle="tab" data-menu2="#enterpriseBillTitle"><i class="fa fa-file-text"></i>&nbsp;短信清单</a></li>
												<li><a href="#enterpriseFaxBill" data-toggle="tab" data-menu2="#enterpriseBillTitle"><i class="fa fa-file-text"></i>&nbsp;传真清单</a></li> -->
												<li class="active"><a href="#enterpriseCallBill" data-toggle="tab" data-menu2="#enterpriseBillTitle"><i class="fa fa-file-text"></i>&nbsp;呼叫清单</a></li>
												<li><a href="#enterpriseConfBill" data-toggle="tab" data-menu2="#enterpriseBillTitle"><i class="fa fa-file-text"></i>&nbsp;会议清单</a></li>
											</ul>
										    <div id="enterpriseBillTabContent" class="tab-content">
										        <!-- <div class="tab-pane fade in active" id="enterpriseSmsBill">
										      		<div class="searchPanel">
														<div style="float:left;"><span>&nbsp;&nbsp;&nbsp;开始时间&nbsp;&nbsp;</span></div>
														<div style="float:left;">
											                <div class="input-group date form_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:125px;float:left;">
											                    <input id="enterpriseSmsBillStartDate" class="form-control input-sm" type="text" value="" readonly>
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											                </div>
											                <div style="float:left;"><span>&nbsp;&nbsp;&nbsp;结束时间&nbsp;&nbsp;</span></div>
											                <div class="input-group date form_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:125px;float:left;">
											                    <input id="enterpriseSmsBillEndDate" class="form-control input-sm" type="text" value="" readonly>
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											                </div>
											            </div>
											            <div style="float:left;">
										                	<span>&nbsp;&nbsp;&nbsp;</span><button id="enterpriseSmsBillQuery" class="btn btn-default btn-sm" style="width:70px;height:33px;"><i class="fa fa-search fa-lg"></i>&nbsp;查询&nbsp;</button>
										                	<span>&nbsp;&nbsp;</span><button id="enterpriseSmsBillDown" class="btn btn-default btn-sm" style="width:100px;height:30px;margin-top:-3px"><i class="fa fa-download fa-lg"></i>&nbsp;批量下载</button>
										                </div>
										                <div class="moreCondition"><span style="font-size:10px">更多</span><i class="fa fa-angle-down"></i></div>
										      			<div class="moreConditionDiv">
											      			<div style="height:33px"><span>&nbsp;&nbsp;&nbsp;发送状态&nbsp;</span>
											      				<select id="enterpriseSmsBillState" style="width:125px;border-radius:0;height:33px">
																    <option selected="selected" value="">所有类型</option>
																    <option value="0">等待发送</option>
																    <option value="1">发送中</option>
																    <option value="2">任务结束</option>
																</select>
																<span>&nbsp;&nbsp;手机号码&nbsp;</span>
											      				<input type="text" id="enterpriseSmsBillMobilenum" class="input-sm" style="width:125px">
															</div>
														</div>
										      		</div>
													<div id="enterpriseSmsBillDiv"></div>
													<div id="enterpriseSmsPagination"></div>
										        </div>
										        <div class="tab-pane fade" id="enterpriseFaxBill">
										      		<div class="searchPanel">
														<div style="float:left;"><span>&nbsp;&nbsp;&nbsp;开始时间&nbsp;&nbsp;</span></div>
														<div style="float:left;">
											                <div class="input-group date form_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:125px;float:left;">
											                    <input id="enterpriseFaxBillStartDate" class="form-control input-sm" type="text" value="" readonly>
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											                </div>
											                <div style="float:left;"><span>&nbsp;&nbsp;&nbsp;结束时间&nbsp;&nbsp;</span></div>
											                <div class="input-group date form_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:125px;float:left;">
											                    <input id="enterpriseFaxBillEndDate" class="form-control input-sm" type="text" value="" readonly>
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											                </div>
											            </div>
											            <div style="float:left;">
										                	<span>&nbsp;&nbsp;&nbsp;</span><button id="enterpriseFaxBillQuery" class="btn btn-default btn-sm" style="width:70px;height:33px;"><i class="fa fa-search fa-lg"></i>&nbsp;查询&nbsp;</button>
										                	<span>&nbsp;&nbsp;</span><button id="enterpriseFaxBillDown" class="btn btn-default btn-sm" style="width:100px;height:30px;margin-top:-3px"><i class="fa fa-download fa-lg"></i>&nbsp;批量下载</button>
										                </div>
										                <div class="moreCondition"><span style="font-size:10px">更多</span><i class="fa fa-angle-down"></i></div>
										      			<div class="moreConditionDiv">
											      			<div style="height:33px"><span>&nbsp;&nbsp;&nbsp;发送状态&nbsp;</span>
											      				<select id="enterpriseFaxBillState" style="width:125px;border-radius:0;height:33px">
																    <option selected="selected" value="">所有类型</option>
																    <option value="0">等待发送</option>
																    <option value="1">发送中</option>
																    <option value="2">任务结束</option>
																</select>
																<span>&nbsp;&nbsp;手机号码&nbsp;</span>
											      				<input type="text" id="enterpriseFaxBillMobilenum" class="input-sm" style="width:125px">
															</div>
														</div>
										      		</div>
													<div id="enterpriseFaxBillDiv"></div>
													<div id="enterpriseFaxPagination"></div>
										        </div> -->
										        <div class="tab-pane fade in active" id="enterpriseCallBill">
										      		<div class="searchPanel">
														<div style="float:left;">
															<div style="float:left;"><span>&nbsp;&nbsp;&nbsp;开始时间&nbsp;&nbsp;</span></div>
											                <div class="input-group date form_date firefox_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:125px;">
											                    <input id="enterpriseCallBillStartDate" class="form-control input-sm" type="text" value="" readonly="readonly"/>
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											                </div>
											            </div>
														<div style="float:left;">
											                <div style="float:left;"><span>&nbsp;&nbsp;&nbsp;结束时间&nbsp;&nbsp;</span></div>
											                <div class="input-group date form_date firefox_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:125px;">
											                    <input id="enterpriseCallBillEndDate" class="form-control input-sm" type="text" value="" readonly="readonly"/>
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											                </div>
											            </div>
											            <div style="float:left;">
										                	<span>&nbsp;&nbsp;&nbsp;</span><button id="enterpriseCallBillQuery" class="btn btn-default btn-sm" style="width:70px;height:33px;"><i class="fa fa-search fa-lg"></i>&nbsp;查询&nbsp;</button>
										                	<div class="btn-group">
																<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="width:111px;height:33px;">
																      <i class="fa fa-download fa-lg"></i>&nbsp;批量下载
																<span class="caret"></span>
																</button>
																<ul class="dropdown-menu">
																	<li><a href="#" class="enterpriseCallBillDown" value="txt" style="width:109px;">txt格式下载</a></li>
																	<li><a href="#" class="enterpriseCallBillDown" value="xls" style="width:109px;">xls格式下载</a></li>
																</ul>
															</div>
										                </div>
										                <div class="moreCondition"><span style="font-size:10px">更多</span><i class="fa fa-angle-down"></i></div>
										      			<div class="moreConditionDiv">
										      				<span>&nbsp;&nbsp;&nbsp;清单类型&nbsp;</span>
										      				<div class="btn-group stateClass">
																<button id="enterpriseCallBillState" type="button" style="width:125px" class="btn btn-default dropdown-toggle form-control" data-toggle="dropdown" name="">
																	所有类型
																<span class="caret"></span>
																</button>
																<ul class="dropdown-menu">
																	<li name=""><a href="#" style="width:125px;">所有类型</a></li>
																	<li name="0"><a href="#" style="width:125px;">免费清单</a></li>
																	<li name="2"><a href="#" style="width:125px;">流量清单</a></li>
																</ul>
															</div>
										      				<span>&nbsp;&nbsp;主叫号码&nbsp;</span>
										      				<input type="text" id="enterpriseCallBillCaller" class="form-control" style="width:125px">
															<span>&nbsp;&nbsp;被叫号码&nbsp;</span>
										      				<input type="text" id="enterpriseCallBillReceiver" class="form-control" style="width:125px">
														</div>
										      		</div>
													<div id="enterpriseCallBillDiv" class="billDivPanle"></div>
													<div id="enterpriseCallPagination"></div>
										        </div>
										        <div class="tab-pane fade" id="enterpriseConfBill">
										      		<div class="searchPanel">
														<div style="float:left;">
															<div style="float:left;"><span>&nbsp;&nbsp;&nbsp;开始时间&nbsp;&nbsp;</span></div>
											                <div class="input-group date form_date firefox_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:125px;">
											                    <input id="enterpriseConfBillStartDate" class="form-control input-sm" type="text" value="" readonly="readonly"/>
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											                </div>
											            </div>
														<div style="float:left;">
											                <div style="float:left;"><span>&nbsp;&nbsp;&nbsp;结束时间&nbsp;&nbsp;</span></div>
											                <div class="input-group date form_date firefox_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:125px;">
											                    <input id="enterpriseConfBillEndDate" class="form-control input-sm" type="text" value="" readonly="readonly"/>
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
											                </div>
											            </div>
											            <div style="float:left;">
										                	<span>&nbsp;&nbsp;&nbsp;</span><button id="enterpriseConfBillQuery" class="btn btn-default btn-sm" style="width:70px;height:33px;"><i class="fa fa-search fa-lg"></i>&nbsp;查询&nbsp;</button>
										                	<div class="btn-group">
																<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="width:111px;height:33px;">
																      <i class="fa fa-download fa-lg"></i>&nbsp;批量下载
																<span class="caret"></span>
																</button>
																<ul class="dropdown-menu">
																	<li><a href="#" class="enterpriseConfBillDown" value="txt" style="width:109px;">txt格式下载</a></li>
																	<li><a href="#" class="enterpriseConfBillDown" value="xls" style="width:109px;">xls格式下载</a></li>
																</ul>
															</div>
										                </div>
										                <div class="moreCondition"><span style="font-size:10px">更多</span><i class="fa fa-angle-down"></i></div>
										      			<div class="moreConditionDiv">
										      				<span>&nbsp;&nbsp;&nbsp;会议类型&nbsp;</span>
										      				<div class="btn-group stateClass">
																<button id="enterpriseConfType" type="button" style="width:125px" class="btn btn-default dropdown-toggle form-control" data-toggle="dropdown" name="">
																	所有类型
																<span class="caret"></span>
																</button>
																<ul class="dropdown-menu">
																	<li name=""><a href="#" style="width:125px;">所有类型</a></li>
																	<li name="1"><a href="#" style="width:125px;">语音会议</a></li>
																	<li name="2"><a href="#" style="width:125px;">视频会议</a></li>
																</ul>
															</div>
															<span>&nbsp;&nbsp;手机号码&nbsp;</span>
										      				<input type="text" id="enterpriseConfBillMobilenum" class="form-control" style="width:125px">
										      				<span>&nbsp;&nbsp;会议编号&nbsp;</span>
										      				<input type="text" id="enterpriseConfId" class="form-control" style="width:125px">
														</div>
										      		</div>
													<div id="enterpriseConfBillDiv" class="billDivPanle"></div>
													<div id="enterpriseConfPagination"></div>
										        </div>
										    </div>
										</div><!-- end enterprise bill module -->
									</div>
								</div>
							</div><!-- Bill module -->
							
							<!-- Info module -->
							<div class="tab-pane fade" id="pane_personalInfo">
								<div id="personalInfoBreadcrumb">
									<ol class="breadcrumb header_breadcrumb breadcrumbNoHref">
										<li><a data-toggle="tab">设置</a></li>
									    <li class="active">个人信息</li>
									</ol>
								</div>
								<form class="form-horizontal" role="personalInfoForm">
									<table>
										<tr height="50px">
											<td align="right"  width="150px"><label>用户ID:</label></td>
											<td width="300px"><input type="text" class="form-control" id="staffid" readonly="readonly"></td>
										</tr>
										<tr height="50px">
											<td align="right" width="150px"><label>用户名:</label></td>
											<td width="300px"><input type="text" class="form-control" id="staffname" readonly="readonly"></td>
										</tr>
										<tr height="50px">
											<td align="right" width="150px"><label>电话:</label></td>
											<td width="300px"><input type="text" class="form-control" id="telnum" placeholder="电话"></td>
										</tr>
										<tr height="50px">
											<td align="right" width="150px"><label>传真:</label></td>
											<td width="300px"><input type="text" class="form-control" id="faxnum" placeholder="传真"></td>
										</tr>
										<tr height="50px">
											<td align="right" width="150px"><label>电子邮箱:</label></td>
											<td width="300px"><input type="text" class="form-control" id="email" placeholder="电子邮箱"></td>
										</tr>
										<tr height="50px">
											<td align="right" width="150px"><label>TT帐号:</label></td>
											<td width="300px"><input type="text" class="form-control" id="ttnum" placeholder="TT帐号"></td>
										</tr>
									</table>
									<br/>
									<br/>
									<div style="margin-left:45%">
										<button type="button" id="submitPersonalInfo" class="btn btn-success btn-md transition-color" style="width:150px;">确定</button>
										<a href="#pane_confList" type="button" class="btn btn-default btn-md transition-color" style="display:none">取消</a>
									</div>
								</form>
							</div><!-- Info module -->
							<!-- Info module -->
							<div class="tab-pane fade" id="pane_enterpriseInfo">
								<div id="enterpriseInfoBreadcrumb">
									<ol class="breadcrumb header_breadcrumb breadcrumbNoHref">
										<li><a data-toggle="tab">设置</a></li>
										<li class="active">企业信息</li>
									</ol>
								</div>
								<form class="form-horizontal" role="enterpriseInfoForm">
									<table>
										<tr height="50px">
											<td align="right" width="150px"><label>企业ID:</label></td>
											<td width="300px"><input type="text" class="form-control" id="userid" placeholder="企业ID" readonly="readonly"></td>
										</tr>
										<tr height="50px">
											<td align="right" width="150px"><label>企业名称:</label></td>
											<td width="300px"><input type="text" class="form-control" id="username" placeholder="企业名称"></td>
										</tr>
										<tr height="50px">
											<td align="right" width="150px"><label>邮箱地址:</label></td>
											<td width="300px"><input type="text" class="form-control" id="userEmail" placeholder="邮箱地址"></td>
										</tr>
										<tr height="50px">
											<td align="right" width="150px"><label>电话号码1:</label></td>
											<td width="300px"><input type="text" class="form-control" id="telephone1" placeholder="电话号码1"></td>
										</tr>
										<tr height="50px">
											<td align="right" width="150px"><label>电话号码2:</label></td>
											<td width="300px"><input type="text" class="form-control" id="telephone2" placeholder="电话号码2"></td>
										</tr>
										<tr height="50px">
											<td align="right" width="150px"><label>公司地址:</label></td>
											<td width="300px"><input type="text" class="form-control" id="address" placeholder="公司地址"></td>
										</tr>
									</table>
									<br/>
									<br/>
									<div style="margin-left:45%">
										<button type="button" id="submitEnterpriseInfo" class="btn btn-success btn-md transition-color" style="width:150px;">确定</button>
										<a href="#pane_confList" type="button" class="btn btn-default btn-md transition-color" style="display:none">取消</a>
									</div>
								</form>
							</div><!-- Info module -->
							<!-- Info module -->
							<div class="tab-pane fade" id="pane_changePassword">
								<div id="changePasswordBreadcrumb">
									<ol class="breadcrumb header_breadcrumb breadcrumbNoHref">
										<li><a data-toggle="tab">设置</a></li>
									    <li class="active">修改密码</li>
									</ol>
								</div>
								<form class="form-horizontal" role="changePasswordForm">
									<table>
										<tr height="50px">
											<td align="right" width="150px"><label>旧密码:</label></td>
											<td width="300px"><input type="password" class="form-control" id="oldPassword" placeholder="旧密码"></td>
										</tr>
										<tr height="50px">
											<td align="right" width="150px"><label>新密码:</label></td>
											<td width="300px"><input type="password" class="form-control" id="newPassword" placeholder="新密码"></td>
										</tr>
										<tr height="50px">
											<td align="right" width="150px"><label>确认新密码:</label></td>
											<td width="300px"><input type="password" class="form-control" id="confirmNewPassword" placeholder="确认新密码"></td>
										</tr>
									</table>
									<br/>
									<br/>
									<div style="margin-left:45%">
										<button type="button" id="submitPassword" class="btn btn-success btn-md transition-color" style="width:150px;">确定</button>
										<a href="#pane_confList" type="button" class="btn btn-default btn-md transition-color" style="display:none">取消</a>
									</div>
								</form>
							</div><!-- Info module -->
							<!--download module-->
							<div class="tab-pane fade" id="pane_download">
								<div class="cont">
									<div class="bs-callout bs-callout-info">产品介绍</div>
										<div class="main2" style="margin-top: 10px;">
											<p class="fl" style="width: 900px;"><span class="spanstyle">&nbsp;&nbsp;众方云会议电话会议系统是一种能将CC通讯专用终端与传统PSTN结合，通过电脑进行操作管理的完全自助式的多方语音通讯电话会议产品，电话会议由电话会议系统发起邀请，所有的电话会议参与方都是被叫方，接听方只要接听免费都不需要付电话费。</span></p>
											<p class="fl" style="width: 900px;">&nbsp;&nbsp;<font color=red>备注：</font></p>
											<p class="fl" style="width: 900px;">  &nbsp;&nbsp;CC通讯专用终端是指众方云会议专用终端接入设备CC1001，在电话会议召开过程中只要是使用该专用终端的参会方，可以实现完全免费，不需要支付任何通讯费用。</p>
										<div class="clear"></div>
										</div>
										<div class="bs-callout bs-callout-info">PC客户端下载</div>
										<div class="main2">
											<div class="fl main2_left">
												<p>&nbsp;&nbsp;PC客户端：点击右方下载按钮立即下载，安装后即可使用</p>
											</div>
											<div class="fr main_right">
												<div class="download_pc">
													<a class="btn btn-primary btn-block" href="http://www.freegomeeting.com/download/pc/qd_setup.exe" target="_blank"><i class="fa fa-windows fa-2x"></i><span style>  PC客户端下载</span></a>
												</div>
											</div>
										<div class="clear"></div>
										</div>
									<div class="bs-callout bs-callout-info">Android客户端下载</div>
										<div class="main2">
											<div class="fl main2_left">
												<p>&nbsp;&nbsp;Andriod手机从安卓市场或点击右方下载按钮，安装后使用自己的企业ID号及手机号登录即可使用。</p>
											</div>
										<div class="fr main_right">
											<div class="download_pc">
												<a class="btn btn-success btn-block" href="http://www.freegomeeting.com/download/android/qd.apk" target="_blank"><i class="fa fa-android fa-2x"></i><span style>  Android客户端下载</span></a>
											</div>
										</div>
										<div class="clear"></div>
										</div>
									<div class="bs-callout bs-callout-info">IOS客户端下载</div>
										<div class="main2">
											<div class="fl main2_left">
												<p>&nbsp;&nbsp;苹果手机从APP Store或点击右方下载按钮下载众方云会议，安装后使用自己的企业ID号及手机号登录即可使用。</p>
											</div>
										<div class="fr main_right">
										<div class="download_pc">
											<a class="btn btn-warning btn-block" href="http://www.freegomeeting.com/download/ios/qd.ipa" target="_blank"><i class="fa fa-apple fa-2x"></i><span style>  IOS客户端下载</span></a>
										</div>
										</div>
										<div class="clear"></div>
									</div>
									<div class="bs-callout bs-callout-info">参会方式</div>
										<div class="main2">
											<p align="left"><strong>主持人：</strong><strong> </strong></p>
											<p align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;登陆网页<a href="http://www.freegomeeting.com/">www.freegomeeting.com</a>、下载PC或手机客户端，输入企业ID号及手机号登录即可创建会议室。 <br>
											<strong>参会人：</strong><strong> </strong><br>
											<span class="serial1">1</span> 手机和固定电话：等待主持人邀请加入会议即可。 <br>
											<span class="serial1">2</span> PC客户端：双击pc客户端众方云会议，输入您的企业ID号、手机号、密码登录等待被加入会。 </p>
										</div>
								</div>
							</div>
						</div>
					</div><!-- Main module -->
					
				</div>
				<div id="div_help_wrap"class="container tab-pane fade" style="min-width:970px;style:none">
					<div id="help_left" style="float:left;width:250px;background-color:#f8f8f8">
						<ul class="nav nav-tabs nav-justified">
							<li class="active">
								<a id="link_help" href="#pane_help" data-toggle="tab">
									帮助
								</a>
							</li>
							<li>
								<a id="link_faq" href="#pane_faq" data-toggle="tab">
									FAQ
								</a>
							</li>
						</ul>
						<div id="tab_help" class="tab-content">
							<div class="tab-pane active" id="pane_help">
								<div><a class="bs-callout active"href="#help1" data-toggle="tab">如何登录众方WEB会议</a></div>
			                    <div><a class="bs-callout" href="#help2" data-toggle="tab">众方WEB电话会议的功能</a></div>
			                    <div><a class="bs-callout" href="#help3" data-toggle="tab" data-toggle="tab">如何召开电话会议</a></div>
			                    <!-- <ul>
			                        <li><a class="bs-callout" href="#help301" data-toggle="tab">如何召开即时会议</a></li>
			                        <li><a class="bs-callout" href="#help302" data-toggle="tab">如何召开预约电话会议</a></li>
			                    </ul> -->
			                    <div><a class="bs-callout" href="#help4" data-toggle="tab">如何呼叫电话</a></div>
			                    <div><a class="bs-callout" href="#help5" data-toggle="tab">企业个人通讯录如何操作</a></div>
			                    <div><a class="bs-callout" href="#help6" data-toggle="tab">WEB会议页面的其他用途</a></div>
			                    <div><a class="bs-callout" href="#help7" data-toggle="tab">如何退出众方WEB云会议</a></div>
			                    <div><a class="bs-callout" href="#help8" data-toggle="tab">服务支持</a></div>
							</div>
							<div class="tab-pane" id="pane_faq">
								<div><a class="bs-callout" href="#help201" data-toggle="tab">如何保障电话会议的质量</a></div>
                    			<div><a class="bs-callout" href="#help202" data-toggle="tab">电话会议常见问题解析</a></div>
							</div>
						</div>
					</div>
					
					<div id="help_right" class="tab-content" style="width:auto;margin:0px 0px 0px 242px;">
						<div class="tab-pane fade in active" style="padding:0 5%" id="pane_help_content">
							<h2 class="current"><a name="help1" id="help1">一、如何登录众方WEB会议</a></h2>
							打开浏览器（推荐使用Chrome,Firefox,Opera,Safari,IE8及以上）， http://www.freegomeeting.com 进入WEB会议登录页面！</p>
							<div class="picNum"><p><p><strong><img src="help/help_clip_image002.jpg"alt="如何登录众方WEB会议" width="575" height="406" /></strong></p></div>
							<div class="picNum"><p>图1</p></div>
							<p>根据图1所示：输入企业ID号（一般4位数字）、账号（一般为手机号）、登录密码，点击登录按钮，即可进入WEB会议页面。</p>
							<p>&nbsp;</p>
							<div class="picNum"><p><strong><img src="help/help_clip_image002_0000.jpg" alt="如何登录众方WEB会议" width="623" height="373" /></strong></p>
							<p>图2</p></div>
							<h3>&nbsp;</h3>
							<h2><a name="help2" id="help2" class="current">二、众方WEB电话会议都有哪些功能？</a></h2>
							<p>1、 即时召开电话会议；</p>
							<p>2、 预约时间召开电话会议；</p>
							<p>3、 直接拨打联系人电话，即可实现双方手机通话；</p>
							<p>4、 增加、删除通讯录及联系人等管理功能；</p>
							<p>5、 查询呼叫及电话会议清单及详单功能；</p>
							<p>6、 其他WEB页面管理功能；</p>
							<p>&nbsp;</p>
							<h2 class="current"><a name="help3" id="help3">三、 如何召开电话会议</a></h2>
							<p><a name="help301" id="help301">1、如何召开即时会议</a></p>
							<p>点击 预约会议 图标，即进入 创建会议 页面：</p>
							<div class="picNum"><p align="center"><strong><img src="help/help_clip_image002_0001.jpg" alt="如何召开电话会议" width="590" height="373" /></strong></p>
							<p>图3</p></div>
							<p>按照图示依次输入会议主题、会议时长、分别输入临时参会人员后，点击&quot;发起会议&quot;，会在会议列表里看到当前会议</p>
							<div class="picNum"><p align="center"><strong><img src="help/help_clip_image002_0002.jpg" alt="如何召开电话会议" width="536" height="96" /></strong></p>
							<p>图4</p></div>
							<p align="left" class="help_right">点击进入就可以了，简单吧，快快体验吧！</p>
							<p align="left" class="help_right">&nbsp;</p>
							<h3><a name="help302" id="help302">2、如何召开预约电话会议</a></h3>
							<p>点击 预约会议 图标，即进入 创建会议 页面：</p>
							<p align="center"><strong><img src="help/help_clip_image002_0003.jpg" alt="如何召开预约电话会议" width="586" height="419" /></strong></p>
							<div class="picNum"><p>图5</p></div>
							<p align="left">按照图示依次输入会议主题、会议时长、选定会议开始时间，加入临时参会人员后，点击&ldquo;发起会议&rdquo;，会在会议列表里看到预约会议，
							</p>
							<p align="center"><strong><img src="help/help_clip_image002_0004.jpg" alt="如何召开预约电话会议" width="553" height="119" /></strong></p>
							<div class="picNum"><p>图6</p></div>
							<p align="left">点击进入就可以进入预约会议室了，到指定时间会自动对参会人员发起呼叫开始会议，也很简单吧，快快体验吧！</p>
							<p align="left">&nbsp;</p>
							<h2 class="current"><a name="help4" id="help4">四、 如何呼叫电话</a></h2>
							<p>呼叫电话也叫一键拨打电话，点击&ldquo;呼叫电话&rdquo;图标，通过拨号软键盘输入被叫号码，点击呼叫图标，如图所示：
							</p>
							<p align="center">
								<strong><img src="help/help_clip_image002_0006.jpg"
									alt="如何呼叫电话" width="240" height="358" />     <img
									src="help/help_clip_image004.jpg" alt="如何呼叫电话" width="248"
									height="357" /></strong><br />图7                                              
									图8<br />
							</p>
							<h2 class="current">&nbsp;</h2>
							<p>等待几秒钟即可接通双方电话进行通话。方便又实惠，快快去体会！！</p>
							<p>&nbsp;</p>
							<div class="picNum"></div>
							<h2 class="current"><a name="help5" id="help5">五、企业或个人通讯录是如何操作的？</a></h2>
							<p>企业通讯录是针对开户帐户企业要求，可分部门建立各部门及员工的联系方式，包括固话、手机、TT号等；</p>
							<p align="center">
								<strong>
								<img src="help/help_clip_image002_0007.jpg"
									alt="企业或个人通讯录是如何操作的" width="240" height="327" />     <img
									src="help/help_clip_image004_0000.jpg" alt="企业或个人通讯录是如何操作的"
									width="243" height="322" /></strong><br /> 图9                                              
									图10
							</p>
							<p><strong>备注：</strong></p>
							<p>***企业通讯录只有企业管理员才有权限增加、修改或删除企业联系人功能哟，个人通讯录是指每个企业联系人的私人通讯录，每个账户都有权限增改删！</p>
							<p>***另外在通讯录栏，也可以对企业联系人或个人通讯录中的人员发起会议或呼叫操作，更为简便易用，大大提升您的办公和沟通效率！</p>
							<p><br /></p>
							<div class="picNum"></div>
							<h2 class="current"><a name="help6" id="help6">六、 WEB会议页面还有哪些用途</a></h2>
							<p align="left">除了以上所述功能外，在WEB会议页面也可以下载PC桌面版，像QQ软件一样，固定安装在电脑上使用。如图：</p>
							<p align="center">
								<strong><img src="help/help_clip_image002_0008.jpg" alt="WEB会议页面还有哪些用途" width="553" height="61" /></strong><br />
							</p>
							<div class="picNum"><p>图11</p></div>
							<p align="left">点击下载桌面版即可链接到下载地址下载，PC桌面版功能详见PC客户端使用说明。此外，此页还可以对会议和呼叫详单进行查询和管理，也可以修改和设置个人登录信息及口令等。</p>
							<p align="left">&nbsp;</p>
							<h2 class="current"><a name="help7" id="help7">七、 如何退出众方WEB云会议？</a></h2>
							<p>当您结束会议或呼叫后，要退出WEB会议，点击页面上的&quot;设置&quot;按钮，选择&quot;用户退出&quot;即可，如图所示：</p>
							<div class="picNum">
								<p><strong><img src="help/help_clip_image002_0009.jpg" alt="如何退出众方WEB云会议" width="553" height="99" /></strong><br /> 图12</p>
								<p>&nbsp;</p>
							</div>
							<h3><a name="help8" id="help8">八、 服务支持</a></h3>
							<p align="left">如果您看了以上使用帮助说明，还有其他任何问题，那么请您通过多种联系方式当中您认为最方便的一种联系与我们客服取得联系，我们将热情为您服务！</p>
							<p align="left">客服热线：4007770868</p>
							<p>&nbsp;</p>
						</div>
						<div class="tab-pane fade" style="padding:0 5%" id="pane_faq_content">
							<h2 class="current"><a name="help201" id="help201">一、如何保障电话会议的质量及效果</a></h2>
							<p align="left">参会人员在讲话时请尽量谈吐清晰，避免周围其他音或背景噪音；也尽量避免使用普通话机免提功能、尽可能选择质量优等话机。</p>
							<p align="left">在使用固定电话、CC会议专用终端或Innotrik、Polycom(俗称：八爪鱼)等会议专用设备时，请尽量将手机保持一定远距离或关机，避免因手机信号造成的干扰和啸叫。 </p>
							<p align="left">对于人数较多的会议，主持人应对无须发言的参会人员及时按下静音按钮<img width="46" height="67" src="help/help_clip_image003.jpg" />，发言时解除静音[再按一次即可]；如果您的电话有音量控制，请进行一些必要的调节，使声音达到更佳的效果。</p>
							<p align="left">在会议过程中有任何问题，请随时通过各种方式联系会议管理员或我们客服专员查看帮助，例如杂音回音排查、离线排查、音量调节等。</p>
							<p align="left">会议发起方可以通过登陆众方云电话会议网站或专用PC客户端，实时在线监控和管理会参会者的情况。</p>
							<p align="left">在会议室中召开会议时，请选择使用专用的会议终端设备。 </p>
							<p align="left">如需更多帮助，请咨询众方专业客服人员400-777-0868。 </p>
							<p>&nbsp;</p>
							<h2><a name="help202" class="current" id="help202">二、电话会议常见问题解析</a></h2>
							<p><a name="" id="">Q1：如何管理会议？</a></p>
							<p>在与会者列表里对到场参会人员进行个性化管理，指定其发言、禁止发言或请出会场，对未到场 人员可以进行重呼，可随时添加其他参会者。</p>
							<p><a name="" id="">Q2：召开电话会议，需要购买什么硬件终端吗？</a></p>
							<p>原则上不需购买任何硬件设备，只需登录WEB页面或下载好我们众方云会议的软件，用注册好的帐号登陆后即可使用；但如果某一参会方想要实现永久免通讯费开会的话，就需要购置我们CC会议专用终端 。 </p>
							<p><a name="" id="">Q3：召开电话会议时，所有人都需要上网吗？</a></p>
							<p>不需要，只需会议发起人登陆电话会议WEB或客户端进行操作，其他人只要用固话或手机接听就可以参会。</p>
							<p><a name="" id="">Q4：呼入式会议和主动呼叫参会者会议的区别是什么</a></p>
							<p>呼入式会议，是参会者通过拨打会议接入号，主动参加会议；呼出式会议，是系统主动呼叫参会者，参会者接收电话加入会议，参会者属于被动的。</p>
							<p><a name="" id="">Q5：为什么连续外呼多次都没有呼通？</a></p>
							<p>外呼总响应时长是60s，即如果第一次外呼没有成功可重新外呼。在60s内尽量避免连续多次外呼。 </p>
							<p><a name="" id="">Q6：噪音的种类及产生的原因</a></p>
							<p>杂音：多数杂音是由于某一方参会者背景音带入会中，建议其主动按下静音按钮自我静音。 </p>
							<p>回音：一般是由于参会者终端环境空旷或话机本身形成回音路导致，建议按静音按钮自我静音，或按由会议管理员协助排查处理。</p>
							<p> 啸叫：如果话机旁边有其他音频设备干扰，或2条参会线路相距很近，极易产生啸叫，将啸叫源静音即可。</p>
							<p> 串线：排除公司内有其他人使用该组会议室开会；公司内部交换机并线导致的物理串线，会中及时联系会议管理员排查解决。 </p>
							<p>嘟嘟忙音：可能是由于某条线路拆线，但未拆线完整，导致嘟嘟的掉线音并传入会中，请联系会议管理员即可立即处理 干扰音乐：无论是座机还是手机，如果中途转接电话，极易将话机的系统音带入会中，建议接听/保持呼叫前，按下静音按钮将自己静音。 </p>
							<p><a name="" id="">Q7：为何参会者始终无法呼通？</a></p>
							<p>这种情况比较复杂，我们举例说明，例如手机不在服务区、参会者没有接听、占线中、关机、转接手机密码台等，遇到这种情况，如果是比较重要的参会者，会中可联系会议管理员协助定位分析。会前通知也可以让大家留意到会议信息，准时参加会议。 </p>
							<p><a name="" id="">Q8：为何参会者老是掉线？</a></p>
							<p>可能是由于终端拆线导致，例如信号不稳定、呼叫保持等原因导致的离线，建议再次外呼，或建议参会则离线后主动呼入，紧急情况及时反馈我们客服400-777-0868。</p>
							<p><a name="" id="">Q9：如何进行会议录音？</a></p>
							<p>会议录音目前只有PC客户端有此功能，如需对会议录音，请下载PC客户端按PC客户端录音操作执行。 </p>
							<p>&nbsp;</p>
							<h2 class="current"><a name="" id="">三、	如有其他任何帮助，请及时联系我们客服400-777-0868</a></h2>
							<p><a name="" id="">&nbsp;</a></p>
						</div>
					</div>
				</div>
		</div>
		
		
		
		<div id="div_numPop" class="popover bottom pop-number" style="z-index:10000;position: fixed">
			<div class="arrow pop-number"></div>
			<div class="popover-content pop-number">
				<button name="btn_mobileNum" title="手机" class="btn btn-warning pop-number">
					 <i class="fa fa-mobile fa-lg pop-number"></i>
				</button>
				<button name="btn_telNum" title="固话" class="btn btn-warning pop-number">
					<i class="fa fa-phone fa-lg pop-number"></i>
				</button>
				<button name="btn_ttNum" title="TT" class="btn btn-warning pop-number">
					<i class="fa fa-lg pop-number">T</i>
				</button>
			</div>
		</div>
		
		
		
		<div id="modal_userMan" class="modal fade" style="overflow:hidden;">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">通讯录管理</h4>
					</div>
					<div class="modal-body" style="padding:0px;background-color:#fff;">
						<div style="float:left;width:196px;">
							<ul class="nav nav-tabs nav-justified">
								<li class="active"><a id="pane_orgUserMan" href="#pane_orgUserMan_listview" data-toggle="tab">企业</a></li>
								<li><a id="pane_contactUserMan"  href="#pane_contactUserMan_listview" data-toggle="tab">个人</a></li>
							</ul>
							<div class="tab-content">
								<div class="tab-pane fade in active" id="pane_orgUserMan_treeview" href="#pane_orgUserMan_treeview">
									<div id="treeview_orgUserMan"></div>
								</div>
								<div class="tab-pane fade" id="pane_contactUserMan_treeview" href="#pane_contactUserMan_treeview">
									<div id="treeview_contactUserMan"></div>
								</div>
							</div>
						</div>
						<div style="width:auto;margin:0px 0px 0px 196px;">
							<!-- Tab panes -->
							<div class="tab-content">
								<div class="tab-pane fade in active" id="pane_orgUserMan_listview">
									<nav class="navbar navbar-custom">
						    			<div class="navbar-form el-left" role="search">
							    			<div class="form-group el-left">
							    				<input id="filter_orgUser" data-target="#listview_orgUserMan" type="text" class="form-control" placeholder="用户名、手机、固话、TT">
							    			</div>
							    			<button id="btn_inviteUser" class="btn btn-success el-left" title="搜索">
							    				<i class="fa fa-search"></i>
							    			</button>
						    			</div>
						    			<button name="btn_editDel" type="button" data-target="#listview_orgUserMan" class="btn btn-danger navbar-btn el-right">
					    					<i class="fa fa-trash-o"></i> 删除用户
					    				</button>
					    				<button id="btn_org_editAdd" name="btn_editAdd" type="button" data-target="#listview_orgUserMan"  class="btn btn-success disabled navbar-btn el-right">
					    					<i class="fa fa-plus"></i> 新增用户
					    				</button>
					    				<div class="btn-group el-right"> 
						    				<button data-toggle="dropdown" class="btn navbar-btn btn-default">
						    					调整到部门... <i class="caret"></i>
						    				</button>
											<ul id="dropdown_orgUserMan" class="dropdown-menu pull-right">
												<li class="divider"></li>
												<li><a href="#"><i class="fa fa-plus"></i> 添加部门</a></li>
											</ul>
					    				</div>
					    			</nav>
									<div id="listview_orgUserMan"></div>
								</div>
								<div class="tab-pane fade" id="pane_contactUserMan_listview">
									<nav class="navbar navbar-custom">
						    			<div class="navbar-form el-left" role="search">
							    			<div class="form-group el-left">
							    				<input id="filter_contactUser" data-target="#listview_contactUserMan" type="text" class="form-control" placeholder="备注名、手机、固话、TT">
							    			</div>
							    			<button id="btn_inviteUser" class="btn btn-success el-left" title="搜索">
							    				<i class="fa fa-search"></i>
							    			</button>
						    			</div>
						    			<button name="btn_editDel" type="button" data-target="#listview_contactUserMan" class="btn btn-danger el-right">
					    					<i class="fa fa-trash-o"></i> 删除联系人
					    				</button>
					    				<button id="btn_contact_editAdd" name="btn_editAdd" type="button" data-target="#listview_contactUserMan"   class="btn btn-success disabled el-right">
					    					<i class="fa fa-plus"></i> 新增联系人
					    				</button>
					    				<div class="btn-group el-right"> 
						    				<button data-toggle="dropdown" class="btn btn-default">
						    					调整到分组... <i class="caret"></i>
						    				</button>
											<ul id="dropdown_contactUserMan" class="dropdown-menu">
												<li class="divider"></li>
												<li><a href="#"> 添加分组</a></li>
											</ul>
					    				</div>
					    			</nav>
									<div id="listview_contactUserMan"></div>
								</div>
							</div>
						</div>
						
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal-dialog -->
		</div><!-- /.modal -->
		
		
		
	</body>
</html>